@charset "utf-8";

:root {
    font-size: 14px;
}
html {
    font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
    font-size: 14px;
}
body {
    width: 100%;
}
* {
    padding: 0;
    margin: 0;
}
a {
    text-decoration: none;
    color: #606060;
}

.container {
    max-width: var(--screen-width);
    margin: 0 auto;
    display: flex;
}
.box {
    max-width: var(--screen-width);
    margin: 0 auto;
}
.flex {
    display: flex;
}





/* 全高清PC */
@media screen and (min-width: 1600px) {
    .container {
        --screen-width: 1130px;
    }
    .box {
        --screen-width: 1130px;
    }
    body {
        max-width: 100%;
        margin: 0 auto;
    }
}

/* 高清平板、小尺寸笔记本、小型PC */
@media screen and (min-width: 1360px) and (max-width: 1600px) {
    :root {
        font-size: 12px;
    }
    .container {
        --screen-width: 1130px;
    }
    .box {
        --screen-width: 1130px;
    }
}
@media screen and (min-width: 967px) and (max-width: 1360px) {
    :root {
        font-size: 14px;
    }
    .container {
        --screen-width: 100%;
    }
    .box {
        --screen-width: 100%;
    }
}
/* 平板端 */
@media screen and (min-width: 768px) and (max-width: 967px) {
    :root {
        font-size: 14px;
    }
    .container {
        --screen-width: 100%;
        overflow: hidden;
    }
    .box {
        --screen-width: 100%;
        overflow: hidden;
    }
}
/* 手机端 */
@media screen and (max-width: 768px) {
    :root {
        font-size: 12px;
    }
    .container {
        --screen-width: 100%;
    }
    .box {
        --screen-width: 100%;
    }
}

/* 临时 */
@media (max-width: 1024px) {
    * {
        /* display: none !important; */
    }
}